<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,user-scalable=no,minimal-ui">
		<title>酷炫吊炸天</title>
		<link rel="stylesheet" media="screen" href="css/login_my.css">
		<style>
			#remember-me-01 {
				color: #fff;
			}
			#remember-me {
				padding: 0;
				margin: 0;
				margin-left: -293px;
				margin-right: -100px;
			}

		</style>
	</head>
	<body>

	<div id="app">
		<div class="login-container">
			<div class="loginBox">

		<form method="post" class="login-form" action="/login.do" label-position="left">
			<div class="title-container">
				<div class="logoInfo clearfix">
					<em class="logo"></em>
				</div>
			</div>
			<!-- particles.js container -->
			<div id="particles-js" style="display: flex;align-items: center;justify-content: center">
				<canvas class="particles-js-canvas-el" style="width: 100%; height: 100%;" width="472" height="625"></canvas>
			</div>
			<div class="apTitle">your-Health</div>
			<div class="logcon"><input type="text" name="username" placeholder="账号"><br/>
				<br/>
				<input type="password" name="password" placeholder="密码"><br/>
				<br/>
				<!--<button type="button">登录</button>-->

					<label id="remember-me-01">
						<input id="remember-me"
							   name="remembermeParamater"
							   type="checkbox" checked="checked" /> 记住我
					</label>


				<br/>
				<input type="submit" value="登录" size="100px">


			</div>
		</form>

			</div>
		</div>
	</div>

		<!-- scripts -->
		<script src="js/login.js"></script>
		<script src="js/loginApp.js"></script>
	<!-- 引入组件库 -->
	<script src="js/vue.js"></script>
	<script src="plugins/elementui/index.js"></script>
		<script>
			function changeImg() {
				let pic = document.getElementById('picture');
				console.log(pic.src)
				if (pic.getAttribute("src", 2) == "img/check.png") {
					pic.src = "img/checked.png"
				} else {
					pic.src = "img/check.png"
				}
			}
		</script>

	</body>
</html>
